<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>牙记保障</title>
<style>
  html,body,h1,h2,h3,h4{
    color: #464646;
    margin:0;
    padding:0
  }
  #app{
    padding:15px;
  }
  .cneter{
    border-bottom: 2px dashed #EEE9E9;
    margin-bottom:20px;
  }
  .cneter .imgbox{
    text-align: center
  }
  .title{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    color:#5BA8F7;
  }
  .title .txt{
    display: inline-block;
   padding:0 25px;
    position: relative;
  }
  .title .txt::before{
    content: '';
    width: 8px ;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 9px;
    background: #5BA8F7
  }
  .title .txt::after{
    content: '';
    width: 8px ;
    height: 8px;
    position: absolute;
    top: 9px;
    background: #5BA8F7;
    right: 0px;

  }
  .cneter img{
    display: inline-block;
    width: 85%;
    margin: 0 auto;
  }
  h4{
    color: #333333;
    margin-top: 10px;
    position: relative;
    padding-left: 15px;
  }
  h4::before{
    content:'';
    width: 5px;
    height: 100%;
    background: #5BA8F7;
    position: absolute;
    left: 0px;
  }
</style>
    
</head>
<body>
  <div id="app" v-cloak>
    <h1 class="title"><span class="txt">随时退</span></h1>
    <div class="cneter">
      <h4>未消费随时退</h4>
      <p>下单后，在有效期内未消费，可直接在【我的订单 - 选择订单 - 退款】 操作退款</p>
      <p>牙记审核通过后，支付款项将在4个工作日内把款项退回您的原支付方</p>
      <p class="imgbox"><img src="./static/image/poce01.png" alt=""></p>
    </div>
    <h1 class="title"><span class="txt">过期退</span></h1>
    <div>
      <h4>过期未消费自动退款</h4>
      <p>订单超过有效期后未消费，牙记将在有效期过后7个工作日内，对未消费的订单进行自动退款，支付款项将自动退回您的原支付方。</p>
    </div>
  </div>

  <script src="./static/js/swiper.min.js"></script>
  <script src="./static/js/vue.js"></script>
  <script src="./static/js/axios.js"></script>
  <script>
    new Vue({
      el:'#app',
      data:{
        
      },
      created() {  
       
      },
      methods:{
      }
    })
  </script>
</body>
</html>